/****************点击切换验证吗*****************/
$(function(){
	
	//获得验证码图片的地址
	var imgSrc = $('#codeImg').attr('src');
	//点击让地址随机
	$('#codeImg,#codeA').click(function(){
		//设置验证码图片的地址
		$('#codeImg').attr('src',imgSrc + "&rand=" + Math.random());
	})
})

/***********************轮播图************************/
$(function(){
	// 鼠标移入大盒子，小箭头显示,清除定时器
	$("#box").mouseover(function(){
		 $(".left,.right").css({display:"block"});
		 clearInterval(timer);
	});
	// 鼠标移出大盒子，小箭头消失，重启定时器
	$("#box").mouseout(function(){
		 $(".left,.right").css({display:"none"});
		 timer = setInterval(run,1000);
	})

	//第一个控   自动轮播部分----------------------
	// 1.设置变量
    var num = 0;
    // 3.设置函数体
    function run(){
    	// 变量自增
    	num++;
    	// 回流
    	if(num==5){
    		num = 0;
    	}
    	// 当前背景图淡入，其他的淡出
    	$("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").fadeOut(300);
    	// 当前li背景变红，其他的变灰
    	$("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    }
    // 2.定时器
    timer = setInterval(run,1000);

    //第二个控   手动轮播-----------------------------
    $("#ul li").mouseover(function(){
    	// 获得序号，赋值给num
    	num  =  $(this).index();
    	// 当前背景图淡入，其他的淡出
    	$("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
    	// 当前li背景变红，其他的变灰
    	$("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    })

    // 第三个控  点击控制
    // 左点击
    var c = 0;
    $(".left").click(function(){
    	// 如果c=0,可点。c不等于0,则不可点。
    	if(c==0){
            c=1;
            // 定时炸弹,500毫秒之后c变回0。
            setTimeout(function(){
                c = 0;
            },500);
    	}else{
    		// 断掉
    		return;
    	}
    	// num自减
    	 num--;
    	 // 回流
    	 if(num==-1){
    	 	 num = 4;
    	 }
    	 // 当前背景图淡入，其他的淡出
    	$("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
    	// 当前li背景变红，其他的变灰
    	$("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    })
    // 右点击
    $(".right").click(function(){
    	// num自增
    	num++;
    	// 回流
    	if(num==5){
    		num = 0;
    	}
    	 // 当前背景图淡入，其他的淡出
    	$("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
    	// 当前li背景变红，其他的变灰
    	$("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    })
})
//轮播图结束
/*****************放大镜效果开始*******************/
$(document).ready(function(){
	// 图片上下滚动
	var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */
	var interval = $("#imageMenu li:first").width();
	var curIndex = 0;
	
	$('.scrollbutton').click(function(){
		if( $(this).hasClass('disabled') ) return false;
		
		if ($(this).hasClass('smallImgUp')) --curIndex;
		else ++curIndex;
		
		$('.scrollbutton').removeClass('disabled');
		if (curIndex == 0) $('.smallImgUp').addClass('disabled');
		if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
		
		$("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
	});	
	// 解决 ie6 select框 问题
	$.fn.decorateIframe = function(options) {
        if ($.browser.msie && $.browser.version < 7) {
            var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
            $(this).each(function() {
                var $myThis = $(this);
                //创建一个IFRAME
                var divIframe = $("<iframe />");
                divIframe.attr("id", opts.iframeId);
                divIframe.css("position", "absolute");
                divIframe.css("display", "none");
                divIframe.css("display", "block");
                divIframe.css("z-index", opts.iframeZIndex);
                divIframe.css("border");
                divIframe.css("top", "0");
                divIframe.css("left", "0");
                if (opts.width == 0) {
                    divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                if (opts.height == 0) {
                    divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                divIframe.css("filter", "mask(color=#fff)");
                $myThis.append(divIframe);
            });
        }
    }
    $.fn.decorateIframe.defaults = {
        iframeId: "decorateIframe1",
        iframeZIndex: -1,
        width: 0,
        height: 0
    }
    //放大镜视窗
    $("#bigView").decorateIframe();
    //点击到中图
    var midChangeHandler = null;
	
    $("#imageMenu li img").bind("click", function(){
		if ($(this).attr("id") != "onlickImg") {
			midChange($(this).attr("src").replace("small", "mid"));
			$("#imageMenu li").removeAttr("id");
			$(this).parent().attr("id", "onlickImg");
		}
	}).bind("mouseover", function(){
		if ($(this).attr("id") != "onlickImg") {
			window.clearTimeout(midChangeHandler);
			midChange($(this).attr("src").replace("small", "mid"));
			$(this).css({ "border": "3px solid #959595" });
		}
	}).bind("mouseout", function(){
		if($(this).attr("id") != "onlickImg"){
			$(this).removeAttr("style");
			midChangeHandler = window.setTimeout(function(){
//				midChange($("#onlickImg img").attr("src").replace("small", "mid"));
			}, 1000);
		}
	});
    function midChange(src) {
        $("#midimg").attr("src", src).load(function() {
            changeViewImg();
        });
    }
    //大视窗看图
    function mouseover(e) {
        if ($("#winSelector").css("display") == "none") {
            $("#winSelector,#bigView").show();
        }
        $("#winSelector").css(fixedPosition(e));
        e.stopPropagation();
    }
    function mouseOut(e) {
        if ($("#winSelector").css("display") != "none") {
            $("#winSelector,#bigView").hide();
        }
        e.stopPropagation();
    }
    $("#midimg").mouseover(mouseover); //中图事件
    $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件

    var $divWidth = $("#winSelector").width(); //选择器宽度
    var $divHeight = $("#winSelector").height(); //选择器高度
    var $imgWidth = $("#midimg").width(); //中图宽度
    var $imgHeight = $("#midimg").height(); //中图高度
    var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度

    function changeViewImg() {
        $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
    }
    changeViewImg();
    $("#bigView").scrollLeft(0).scrollTop(0);
    function fixedPosition(e) {
        if (e == null) {
            return;
        }
        var $imgLeft = $("#midimg").offset().left; //中图左边距
        var $imgTop = $("#midimg").offset().top; //中图上边距
        X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
        Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
        X = X < 0 ? 0 : X;
        Y = Y < 0 ? 0 : Y;
        X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
        Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;

        if ($viewImgWidth == null) {
            $viewImgWidth = $("#bigView img").outerWidth();
            $viewImgHeight = $("#bigView img").height();
            if ($viewImgWidth < 200 || $viewImgHeight < 200) {
                $viewImgWidth = $viewImgHeight = 800;
            }
            $height = $divHeight * $viewImgHeight / $imgHeight;
            $("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
            $("#bigView").height($height);
        }
        var scrollX = X * $viewImgWidth / $imgWidth;
        var scrollY = Y * $viewImgHeight / $imgHeight;
        $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
        $("#bigView").css({ "top": 280, "left": $(".preview").offset().left + $(".preview").width() + 15 });

        return { left: X, top: Y };
    }
});
/*************颜色/尺码选中*************/
/*$(function(){
    $('.yanse div').click(function(){
    	//选中值，选中尺码颜色
    	alert(gaid);
        $(this).addClass('tu1').siblings().removeClass('tu1');
		
        //提示什么颜色，什么尺码
        $('.yixuan .yixuan2').html(str);
        var spec=$(this).parent('.yanse').find('.tu1');
        var leng=spec.length;
        //获取原来的价格
        var price=$('.pricearea .jiage').attr('price');
        //获取商品的id
        var gid=$('.yanse .mingzi').attr('gid');
        //单个的gaid
        var gaidx=$('.yanse .mingzi').attr('gaid');
        //所有属性的gaid
      //给选中颜色尺码压入提示
        var str = "";
        var gaid="";
        $.each($(".tu1"),function(k,v){
        	str +=$(this).find('.mingzi').html()+'&nbsp;';
        	gaid +=$(this).attr('gaid')+',';
        });
        //发送异步
        $.ajax({
			type:"post",
			url:"index.php?c=Content&a=ajaxData",
			data:{gid:gid,gaid:gaid,price:price,gaidx:gaidx},
			dataType:'json',
			success:function(phpData){
				var str = '<tr class="msg-tr"><td>'+phpData.nickname+'</td><td>'+phpData.content+'</td><td>操作</td></tr>';
				//选中最后一条留言，插入到后面
				$('.msg-tr:last').after(str);
			}
		});
    });
});*/
/****************购物车点击事件************************/
//$(function(){
//  //给购物车加点击事件
//  $('.se').click(function() {
//  	//显示隐藏的购物车
//      $('.tishi').css({display:"block"});
//      //点击x消失
//      $('.close').click(function(){
//      	$('.tishi').css({display:"none"});
//      });
//      //点击继续购买，提示框消失
//      $('.car').click(function(){
//      	$('.tishi').css({display:"none"});
//      });
//      //定义变量
////      alert(123);
//		//商品价格
//		var jiage = $('.jiage').html();
//		//商品名
//		var name = $('.name').html();
//		//购买数量
//		var num = $('option:selected').html();
//		//当前属性里的gid
//		var gid = $(this).attr('gid');
//		//声明空数组对象
//		var gaid = {};
//		//循环压入属性gaid
//		$.each($(".attr"), function(k,v) {
//			gaid[k] = $(this).attr('gaid');
//			
////					alert(gaid[k]);
//		});
//		// 组成对象
//			var dataed = {
//				'gid' : gid,
//				'gaid' : gaid,
//				'num' : num,
//				'jiage' : jiage	,
//				'name' : name
//			}
//			$.ajax({
//				// 请求方式
//				type:"post",
//				// 请求地址
//				url:"{{U('Shoppingcar/ajaxCar'}}",
//				// 发送内容
//				data:dataed,
//				dataType:'json',
//				// // 接受结果
//				success:function(phpData){
//					console.log(phpData);
//				}
//			})
//  });
//});
